<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('个人信息图表组合')"/>

    <style>
        .statics-label {
            font: 16px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
        }

        .statics-label-div {
            text-align: center;
        }

        .ibox-container {
            padding: 2px;
        }

        .ibox-content-footer {
            padding: 10px 0 0 15px;
        }
    </style>

</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <form class="form-horizontal" id="form-starlevel-edit">
        <p style="margin-bottom: 5px; color: red">数据生成时间：[[${entGenerationTime}]]</p>
        <!--header 数据-->
        <!--客户经理-->
        <div class="row" th:if="${type}=='1'">
            <div class="col-sm-12 search-collapse">
                <h3 style="margin-bottom: 5px; color: red; text-align: center">个人建档拜访情况</h3>
            </div>
            <!--农户-->
            <div style="width: 20%" class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">本人农户建档总数</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy" style="color: #5f2ff1">
                                    [[${perFilingVisits1.perPerFilingNums}]]&nbsp;&nbsp;户
                                </h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 ibox-content-footer">
                                <h5>本月新增农户：<i class="fa fa-play fa-rotate-270" style="color: #1ab394"></i>&nbsp;&nbsp;[[${perFilingVisits1.perPerFilingThisMonthNums}]]&nbsp;&nbsp;户
                                </h5>
                            </div>
                            <div class="col-sm-6 ibox-content-footer" th:if="${perFilingVisits1.perPerFilingType}=='1'">
                                <h5>较上月：<i class="fa fa-play fa-rotate-270" style="color: #1ab394"></i>&nbsp;&nbsp;[[${perFilingVisits1.perPerFilingCompareNums}]]&nbsp;&nbsp;户
                                </h5>
                            </div>
                            <div class="col-sm-6 ibox-content-footer" th:if="${perFilingVisits1.perPerFilingType}=='2'">
                                <h5>较上月：<i class="fa fa-play fa-rotate-90" style="color: #ff5900"></i>&nbsp;&nbsp;[[${perFilingVisits1.perPerFilingCompareNums}]]&nbsp;&nbsp;户
                                </h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="width: 20%" class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">本人网格总数</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy" style="color: #048c67">
                                    [[${perAreaFilings.perAreaFilingNums}]]&nbsp;&nbsp;户
                                </h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 ibox-content-footer">
                                <h5>本月新增网格：<i class="fa fa-play fa-rotate-270" style="color: #1ab394"></i>&nbsp;&nbsp;[[${perAreaFilings.perAreaFilingThisMonthNums}]]&nbsp;&nbsp;户
                                </h5>
                            </div>
                            <div class="col-sm-6 ibox-content-footer" th:if="${perAreaFilings.perAreaFilingType}=='1'">
                                <h5>较上月：<i class="fa fa-play fa-rotate-270" style="color: #1ab394"></i>&nbsp;&nbsp;[[${perAreaFilings.perAreaFilingCompareNums}]]&nbsp;&nbsp;户
                                </h5>
                            </div>
                            <div class="col-sm-6 ibox-content-footer" th:if="${perAreaFilings.perAreaFilingType}=='2'">
                                <h5>较上月：<i class="fa fa-play fa-rotate-90" style="color: #ff5900"></i>&nbsp;&nbsp;[[${perAreaFilings.perAreaFilingCompareNums}]]&nbsp;&nbsp;户
                                </h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="width: 20%" class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">农户拜访总数</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perFilingVisits1.perPerVisitNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 ibox-content-footer">
                                <h5>本月新增拜访：<i class="fa fa-play fa-rotate-270" style="color: #1ab394"></i>&nbsp;&nbsp;[[${perFilingVisits1.perPerVisitThisMonthNums}]]&nbsp;&nbsp;次
                                </h5>
                            </div>
                            <div class="col-sm-6 ibox-content-footer" th:if="${perFilingVisits1.perPerVisitType}=='1'">
                                <h5>较上月：<i class="fa fa-play fa-rotate-270" style="color: #1ab394"></i>&nbsp;&nbsp;[[${perFilingVisits1.perPerVisitCompareNums}]]&nbsp;&nbsp;次
                                </h5>
                            </div>
                            <div class="col-sm-6 ibox-content-footer" th:if="${perFilingVisits1.perPerVisitType}=='2'">
                                <h5>较上月：<i class="fa fa-play fa-rotate-90" style="color: #ff5900"></i>&nbsp;&nbsp;[[${perFilingVisits1.perPerVisitCompareNums}]]&nbsp;&nbsp;次
                                </h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="width: 20%" class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">农户超时拜访</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-danger">
                                    [[${perFilingVisits1.perPerDoVisitNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 ibox-content-footer">
                                <h5><i class="fa"></i>
                                </h5>
                            </div>
                            <div class="col-sm-6 ibox-content-footer">
                                <h5><i class="fa"></i>
                                </h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="width: 20%" class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">农户超时未拜访</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-danger">
                                    [[${perFilingVisits1.perPerUnDoVisitNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 ibox-content-footer">
                                <h5><i class="fa"></i>
                                </h5>
                            </div>
                            <div class="col-sm-6 ibox-content-footer">
                                <h5><i class="fa"></i>
                                </h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" th:if="${type}=='1'">
            <!--新市民-->
            <div style="width: 25%" class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">本人新市民建档总数</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy" style="color: #5f2ff1">
                                    [[${perFilingVisits2.perPerFilingNums}]]&nbsp;&nbsp;户
                                </h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 ibox-content-footer">
                                <h5>本月新增个人：<i class="fa fa-play fa-rotate-270" style="color: #1ab394"></i>&nbsp;&nbsp;[[${perFilingVisits2.perPerFilingThisMonthNums}]]&nbsp;&nbsp;户
                                </h5>
                            </div>
                            <div class="col-sm-6 ibox-content-footer" th:if="${perFilingVisits2.perPerFilingType}=='1'">
                                <h5>较上月：<i class="fa fa-play fa-rotate-270" style="color: #1ab394"></i>&nbsp;&nbsp;[[${perFilingVisits2.perPerFilingCompareNums}]]&nbsp;&nbsp;户
                                </h5>
                            </div>
                            <div class="col-sm-6 ibox-content-footer" th:if="${perFilingVisits2.perPerFilingType}=='2'">
                                <h5>较上月：<i class="fa fa-play fa-rotate-90" style="color: #ff5900"></i>&nbsp;&nbsp;[[${perFilingVisits2.perPerFilingCompareNums}]]&nbsp;&nbsp;户
                                </h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="width: 25%" class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">新市民拜访总数</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perFilingVisits2.perPerVisitNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 ibox-content-footer">
                                <h5>本月新增拜访：<i class="fa fa-play fa-rotate-270" style="color: #1ab394"></i>&nbsp;&nbsp;[[${perFilingVisits2.perPerVisitThisMonthNums}]]&nbsp;&nbsp;次
                                </h5>
                            </div>
                            <div class="col-sm-6 ibox-content-footer" th:if="${perFilingVisits2.perPerVisitType}=='1'">
                                <h5>较上月：<i class="fa fa-play fa-rotate-270" style="color: #1ab394"></i>&nbsp;&nbsp;[[${perFilingVisits2.perPerVisitCompareNums}]]&nbsp;&nbsp;次
                                </h5>
                            </div>
                            <div class="col-sm-6 ibox-content-footer" th:if="${perFilingVisits2.perPerVisitType}=='2'">
                                <h5>较上月：<i class="fa fa-play fa-rotate-90" style="color: #ff5900"></i>&nbsp;&nbsp;[[${perFilingVisits2.perPerVisitCompareNums}]]&nbsp;&nbsp;次
                                </h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="width: 25%" class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">新市民超时拜访</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-danger">
                                    [[${perFilingVisits2.perPerDoVisitNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 ibox-content-footer">
                                <h5><i class="fa"></i>
                                </h5>
                            </div>
                            <div class="col-sm-6 ibox-content-footer">
                                <h5><i class="fa"></i>
                                </h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="width: 25%" class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">新市民超时未拜访</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-danger">
                                    [[${perFilingVisits2.perPerUnDoVisitNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 ibox-content-footer">
                                <h5><i class="fa"></i>
                                </h5>
                            </div>
                            <div class="col-sm-6 ibox-content-footer">
                                <h5><i class="fa"></i>
                                </h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--全行建档总数量-->
        <div class="row">
            <div class="col-sm-12 search-collapse">
                <h3 style="margin-bottom: 5px; color: red; text-align: center">全行建档情况</h3>
            </div>
            <!--农户-->
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">全行农户建档总数</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllFilingVisits1.perFilingNums}]]&nbsp;&nbsp;户
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">上月农户新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllFilingVisits1.perFilingLastMonthNums}]]&nbsp;&nbsp;户
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">本月农户新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllFilingVisits1.perFilingThisMonthNums}]]&nbsp;&nbsp;户
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">较上月对比</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllFilingVisits1.perFilingCompareNums}]]&nbsp;&nbsp;户
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <!--新市民-->
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">全行新市民建档总数</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllFilingVisits2.perFilingNums}]]&nbsp;&nbsp;户
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">上月新市民新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllFilingVisits2.perFilingLastMonthNums}]]&nbsp;&nbsp;户
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">本月新市民新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllFilingVisits2.perFilingThisMonthNums}]]&nbsp;&nbsp;户
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">较上月对比</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllFilingVisits2.perFilingCompareNums}]]&nbsp;&nbsp;户
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--全行网格建档总数量-->
        <div class="row">
            <div class="col-sm-12 search-collapse">
                <h3 style="margin-bottom: 5px; color: red; text-align: center">全行网格情况</h3>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">全行网格总数</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllAreaFilings.perAreaFilingNums}]]&nbsp;&nbsp;户
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">上月新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllAreaFilings.perAreaFilingLastMonthNums}]]&nbsp;&nbsp;户
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">本月新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllAreaFilings.perAreaFilingThisMonthNums}]]&nbsp;&nbsp;户
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">较上月对比</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllAreaFilings.perAreaFilingCompareNums}]]&nbsp;&nbsp;户
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--近一年农户建档趋势图-->
        <div class="row">
            <div class="col-sm-12 ibox-container">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>近一年农户建档趋势图</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="echarts" id="recent-one-year-peasant-filing-chart"></div>
                    </div>
                </div>
            </div>
        </div>
        <!--近一年新市民建档趋势图-->
        <div class="row">
            <div class="col-sm-12 ibox-container">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>近一年新市民建档趋势图</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="echarts" id="recent-one-year-citizen-filing-chart"></div>
                    </div>
                </div>
            </div>
        </div>

        <!--拜访总次数-->
        <div class="row">
            <div class="col-sm-12 search-collapse">
                <h3 style="margin-bottom: 5px; color: red; text-align: center">全行拜访情况</h3>
            </div>
            <!--农户-->
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">拜访总次数</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllFilingVisits1.perVisitNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">上月新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllFilingVisits1.perVisitLastMonthNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">本月新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllFilingVisits1.perVisitThisMonthNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">较上月对比</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllFilingVisits1.perVisitCompareNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <!--新市民-->
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">拜访总次数</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllFilingVisits2.perVisitNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">上月新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllFilingVisits2.perVisitLastMonthNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">本月新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllFilingVisits2.perVisitThisMonthNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">较上月对比</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perAllFilingVisits2.perVisitCompareNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--近一年农户拜访趋势图-->
        <div class="row">
            <div class="col-sm-12 ibox-container">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>近一年农户拜访趋势图</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="echarts" id="recent-one-year-peasant-visit-chart"></div>
                    </div>
                </div>
            </div>
        </div>
        <!--近一年新市民拜访趋势图-->
        <div class="row">
            <div class="col-sm-12 ibox-container">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>近一年新市民拜访趋势图</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="echarts" id="recent-one-year-citizen-visit-chart"></div>
                    </div>
                </div>
            </div>
        </div>

        <!--超时拜访数-->
        <div class="row">
            <div class="col-sm-12 search-collapse">
                <h3 style="margin-bottom: 5px; color: red; text-align: center">超时拜访情况</h3>
            </div>
            <!--农户-->
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">农户超时拜访数</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perTimeoutVisits1.perDoTaskNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">上月新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perTimeoutVisits1.perDoTaskLastMonthNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">本月新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perTimeoutVisits1.perDoTaskThisMonthNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">较上月对比</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perTimeoutVisits1.perDoTaskCompareNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <!--新市民-->
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">新市民超时拜访数</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perTimeoutVisits2.perDoTaskNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">上月新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perTimeoutVisits2.perDoTaskLastMonthNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">本月新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perTimeoutVisits2.perDoTaskThisMonthNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">较上月对比</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perTimeoutVisits2.perDoTaskCompareNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--超时未拜访数-->
        <div class="row">
            <div class="col-sm-12 search-collapse">
                <h3 style="margin-bottom: 5px; color: red; text-align: center">超时未拜访情况</h3>
            </div>
            <!--农户-->
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">农户超时未拜访数</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perTimeoutVisits1.perUndoTaskNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">上月新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perTimeoutVisits1.perUndoTaskLastMonthNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">本月新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perTimeoutVisits1.perUndoTaskThisMonthNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">较上月对比</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perTimeoutVisits1.perUndoTaskCompareNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <!--新市民-->
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">新市民超时未拜访数</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perTimeoutVisits2.perUndoTaskNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">上月新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perTimeoutVisits2.perUndoTaskLastMonthNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">本月新增</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perTimeoutVisits2.perUndoTaskThisMonthNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 ibox-container">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <label class="statics-label">较上月对比</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 statics-label-div">
                                <h2 class="text-navy">
                                    [[${perTimeoutVisits2.perUndoTaskCompareNums}]]&nbsp;&nbsp;次
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<th:block th:include="include :: footer"/>
<th:block th:include="include :: echarts-js"/>
<script type="text/javascript">
    var prefix = ctx + "merchant/personChart";

    $(function () {
        var recentOneYearPeasantFilingChart = echarts.init(document.getElementById("recent-one-year-peasant-filing-chart"), 'light');
        var recentOneYearCitizenFilingChart = echarts.init(document.getElementById("recent-one-year-citizen-filing-chart"), 'light');
        var recentOneYearPeasantVisitChart = echarts.init(document.getElementById("recent-one-year-peasant-visit-chart"), 'light');
        var recentOneYearCitizenVisitChart = echarts.init(document.getElementById("recent-one-year-citizen-visit-chart"), 'light');

        //近一年农户建档趋势图
        $.ajax({
            url: prefix + "/getPerFilingLineChart",
            type: 'post',
            data: {perType: 1},
            success: function (res) {
                var recentOneYearFilingOption = res;
                //近一年建档趋势图
                recentOneYearPeasantFilingChart.setOption(recentOneYearFilingOption);
                window.onresize = recentOneYearPeasantFilingChart.resize;
            }
        });

        //近一年新市民建档趋势图
        $.ajax({
            url: prefix + "/getPerFilingLineChart",
            type: 'post',
            data: {perType: 2},
            success: function (res) {
                var recentOneYearFilingOption = res;
                //近一年建档趋势图
                recentOneYearCitizenFilingChart.setOption(recentOneYearFilingOption);
                window.onresize = recentOneYearCitizenFilingChart.resize;
            }
        });

        //近一年农户拜访趋势图
        $.ajax({
            url: prefix + "/getPerVisitLineChart",
            type: 'post',
            data: {perType: 1},
            success: function (res) {
                var recentOneYearVisitOption = res;
                //近一年农户拜访趋势图
                recentOneYearPeasantVisitChart.setOption(recentOneYearVisitOption);
                window.onresize = recentOneYearPeasantVisitChart.resize;
            }
        });

        //近一年新市民拜访趋势图
        $.ajax({
            url: prefix + "/getPerVisitLineChart",
            type: 'post',
            data: {perType: 2},
            success: function (res) {
                var recentOneYearVisitOption = res;
                //近一年农户拜访趋势图
                recentOneYearCitizenVisitChart.setOption(recentOneYearVisitOption);
                window.onresize = recentOneYearCitizenVisitChart.resize;
            }
        });
    })
</script>
</body>
</html>